{% set x = c.ctx %}
{% set running = x.events|selectattr('state','equalto','running')|list %}
{% set upcoming = x.events|selectattr('state','equalto','upcoming')|list %}
{% for e in running %}
<div class="event {{ 'in' if e.joined else '' }}" style="--accent:{{ e.accent }}">
  <div class="ev-sign">{{ e.sign }}</div>
  <div class="ev-body">
    <b>{{ e.name }}</b> <small>day {{ e.day }} of {{ e.days }}</small>
    {% if e.joined %}
      <p class="ev-line">{{ e.line }}</p>
      {% if e.badges %}<div class="chips">{% for b in e.badges %}<span class="chip trophy" title="{{ b.detail }}">{{ b.icon }} {{ b.title }}</span>{% endfor %}</div>{% endif %}
    {% else %}
      <p class="hint">Running now. You are not in it.</p>
      <form method="post" action="/playsets/{{ e.playset.slug }}/join"><button class="btn primary">{{ e.sign }} Join {{ e.name }}</button></form>
    {% endif %}
  </div>
</div>
{% endfor %}
{% for e in upcoming %}
<p class="hint">{{ e.sign }} <b>{{ e.name }}</b> starts in {{ e.starts_in_days }} day{{ '' if e.starts_in_days == 1 else 's' }}
  ({{ e.event.starts }}){% if e.joined %} — you're in{% else %}
  — <form class="inline" method="post" action="/playsets/{{ e.playset.slug }}/join"><button class="chip">join ahead</button></form>{% endif %}</p>
{% endfor %}
{% if not x.events %}
<p class="hint">{{ x.n }} playset{{ '' if x.n == 1 else 's' }} installed. Training, prompts, mantras, badges and events, made by
  other people, installed from a file.</p>
{% endif %}
<a class="btn" href="/playsets">Playsets →</a>